<template>
	<div>
		<router-view></router-view>
	</div>

</template>

<script>
	export default {
		name: 'app',
		data() {
			return {
				msg: 'Welcome to Your Vue.js App'
			}
		},
		created() {

		},
		methods(){
			
		}
	}
</script>

<style>
	body {
		padding: 0;
		margin: 0;
		background-color: #f2f2f2;
	}
	
	html,
	body,
	header,
	section,
	footer,
	div,
	ul,
	ol,
	li,
	img,
	a,
	span,
	em,
	del,
	legend,
	center,
	strong,
	var,
	fieldset,
	form,
	label,
	dl,
	dt,
	dd,
	cite,
	input,
	hr,
	time,
	mark,
	code,
	figcaption,
	figure,
	textarea,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p {
		margin: 0;
		border: 0;
		padding: 0;
		font-style: normal;
	}
	
	.aui-header {
		position: fixed;
		z-index: 9;
		top: 0;
		height: 1rem;
		background-color: #FFFFFF;
		color: #323232;
		right: 0;
		left: 0;
		width: 100%;
		font-size: 0.36rem;
		border-bottom: solid 1px #ccc;
	}
	
	.aui-pull-left {
		width: 0.2rem;
		height: 0.36rem;
		display: inline-block;
		/* padding: 0 0.25rem; */
		margin: 0.25rem;
	}
	
	.aui-pull-left>img {
		width: 100%;
		height: 100%;
	}
	
	.aui-title {
		line-height: 1rem;
		display: inline-block;
		margin-left: 2rem;
	}
	
	#app {
		font-family: 'Avenir', Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		color: #2c3e50;
		/*  margin-top: 60px;*/
	}
	
	h1,
	h2 {
		font-weight: normal;
	}
	
	ul {
		list-style-type: none;
		padding: 0;
	}
	/*li {
  display: inline-block;
  margin: 0 10px;
}*/
	
	a {
		color: #42b983;
	}
	/*****默认框修改********/
	
	.mint-switch-core {
		display: inline-block;
		position: relative;
		width: 44px;
		height: 25px;
		border: 1px solid #d9d9d9;
		border-radius: 16px;
		box-sizing: border-box;
		background: #d9d9d9;
	}
	
	.mint-switch-core::after {
		width: 23px;
		height: 23px;
		background-color: #fff;
		box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
		float: right;
	}
	
	.mint-switch-core::before {
		width: 42px;
		height: 23px;
		background-color: #fdfdfd;
	}
	
	.mu-paper-1{
	    box-shadow: none;
	}
	.mu-text-field-hint{
	    line-height: 44px;
	}
	.mu-text-field-content{
	    padding-bottom: 0px;
	}
	.mu-text-field{
		margin-bottom:0rem
	}
	.mu-timeline-item-des{
		    width: 90%;
    font-size: 0.28rem;
	}
	.mu-timeline-item:nth-child(1) .mu-timeline-item-des{
		color: #FF2040;
	}
	.mask{
		width: 100%;
		height: 100%;
		position: fixed;
		top:0rem;
	}
	.maskarea {
		width: 100%;
		height: 100%;
		position: fixed;
		background-color: rgba(0, 0, 0, 0.7);
	}
	
	.areainfo {
		width: 100%;
		position: absolute;
		bottom: 0rem;
		background: #FFFFFF;
	}
	
	.maskbutcon {
		width: 100%;
		height: 1rem;
		bottom: 3rem;
		position: absolute;
		background-color: #fff;
	}
	
	.masksurebut {
		float: right;
		font-size: 0.32rem;
		color: #ff2040;
		line-height: 1rem;
		padding-right: 0.65rem;
	}
	
	.cancelbut {
		float: left;
		font-size: 0.32rem;
		color: #989898;
		line-height: 1rem;
		padding-left: 0.65rem;
	}
</style>